<style lang="less">

</style>
<template>
  <div class="app-form frame-page form-detail-vue">
    <Form class="info-basic" :label-width="90" mode="single" readonly>
      <FormItem label="ID：">{{data.id}}</FormItem>
<FormItem label="名称：">{{data.title}}</FormItem>
<FormItem label="Key：">{{data.key}}</FormItem>
<FormItem label="状态："><button v-if="data.status" type="button" class="h-btn h-btn-text-primary h-btn-no-border"><span>是</span></button>
  <button v-else type="button" class="h-btn h-btn-text-red h-btn-no-border"><span>否</span></button></FormItem>
<FormItem label="上级：">{{data.pid}}</FormItem>
<FormItem label="排序：">{{data.sort}}</FormItem>
    </Form>
  </div>
</template>
<script>
export default {
  props: {
    params: Object,
  },
  data() {
    return {
      data:{}
    };
  },
  mounted(){   
    this.data = this.params;
  },
  methods: {
    
  }
};
</script>